.navbar{
  padding: 3px 5% 5px;
  color: $white;
  background-color: $blue;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  left: 0;top: 0;right:0;
  z-index: 1030;
  position: fixed;
  min-height: $navbar-height;
}

// Navbar ============================
.navbar-brand {
  float: none;
  padding: 5px;
}

.social {
  font-family: 'Space Mono', monospace;
}

.user-nav-widget {
  display: flex;
  align-items: center;
  img {
    height: $navbar-height - 15;
    width: $navbar-height - 15;
  }
  & span,
  img,
  i {
    padding: 0 5px;
  }
  & i {
    cursor: pointer;
  }
}

